<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商场</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			  }
			  
			#container{
				width: 1250px;
				height: 970px;
				margin: 0 auto;
			}
			
			#car{
				float: right;
				padding-top: 5px;
			}
			
			#car  ul li{
				list-style: none;
				float: left;
			}
			
			#car ul li a{
				color: #333333;
				font-size: 12px;
				padding: 5px;
				text-decoration: none;
				width: 24px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				display: inline-block;
			}
			
			#car ul li a.text{
				width: 48px;
			}
			
			#car ul li a.pic{
				background: url(../img/icon.gif) no-repeat 7px 4px;
			}
			
			#car ul li a.pic2{
				background-position: -41px 5px;
			}
			
			#car ul li a.pic3{
				background-position: -85px 5px;
			}
			
			#car ul li a.pic4{
				background-position: -120px 4px;
			}
			
			#car ul li a.pic5{
				background-position: 5px -22px;
				width: 46px;
			}
		</style>
	</head>
	
	<body>
		<div id="container">
			<div id="car">
				<ul>
					<li><a href="" class="pic"></a></li>
					<li><a href="" class="text">购物车</a></li>
					<li><a href="" class="pic pic2"></a></li>
					<li><a href="" class="text">帮助中心</a></li>
					<li><a href="" class="pic pic3"></a></li>
					<li><a href="" class="text">加入收藏</a></li>
					<li><a href="" class="pic pic4"></a></li>
					<li><a href="" class="text">设为首页</a></li>
					<li><a href="" class="pic pic5">登录</a></li>
					<li><a href="" class="pic pic5">注册</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>